<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
String htmlData = request.getParameter("content1") != null ? request.getParameter("content1") : ""; 
%>
<!DOCTYPE HTML>
<html>
  <head>
    <%@include file="../common.jsp"%>
    <title>职业规划体系</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">   
	<link rel="stylesheet" type="text/css" href="resources/css/common.css">
	<script type="text/javascript" src="resources/js/plan/plan.js"></script>  
  </head>
  <body>
   	<div class="content">
   		<h4>职业规划体系管理</h4>
   		<hr/>
   		<!-- 查询面板 -->
<!-- 	<div class="panel panel-default">
		    <div class="panel-heading">
		      <h4 class="panel-title">
		        <a data-toggle="collapse" data-parent="#accordion" href="#collapseSearch">
		           	<i class="icon icon-search"></i> 查询过滤
		        </a>
		      </h4>
		    </div>
		    <div id="collapseSearch" class="panel-collapse collapse out">
		      <div class="panel-body">
				  <form id="form_search" class="form-horizontal">
			        <div class="form-group">
			          	<label class="col-md-1 control-label">昵称</label>
			          	<div class="col-md-4">
			             	<input type="text" name="nickName" id="search_nickName" class="form-control" placeholder="模糊查询...">
			          	</div>
			          	<label class="col-md-1 control-label">手机号</label>
			          	<div class="col-md-4">
			             	<input type="text" name="phone" id="search_phone" class="form-control" placeholder="模糊查询...">
			          	</div>
			        </div>
			        <div class="form-group">
			          <div class="col-md-offset-1 col-md-11">
			             <button id="btn_search" class="btn btn-default"><i class="icon icon-search"></i> 查询</button>
			             <button id="btn_reset" class="btn btn-default"><i class="icon icon-undo"></i> 重置</button>
			          </div>
			        </div>
			      </form>
		      </div>
		    </div>
		</div> -->
		
	    <!-- 工具栏 -->
    		<div class="tools"> 
    	    <button id="btn_add" type="button" class="btn btn-primary"><i class="icon icon-plus-sign"></i>  添加体系</button>
	    	<button id="btn_del" type="button"  class="btn btn-warning"><i class="icon icon-minus-sign"></i>  删除</button>	
	    </div> 
	    <!-- 列表 -->
	    <table id="tab_list" class="table table-hover table-striped mytable">
			<thead>
				<tr>
					<th style="width: 2%;"><input id="pkall" type='checkbox' class='checkbox'></th>
					<th style="width: 8%;">序号</th>
					<th style="width: 10%;">名称 </th>
					<th style="width: 10%;">标题 </th>
					<th style="width: 15%;">上传时间</th>
					<th style="width: 15%;">开始时间</th>
					<th style="width: 15%;">结束时间</th>
					 <th style="width: 10%;">浏览次数 </th>
					<th style="width: 8%;">是否认证</th>
					<th style="width: 7%;">是否删除</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				
			</tbody>
	  	</table>
	  	<!-- 分页信息条 -->
	  	<div id="pagebar" class="pagebar">
		  	<ul class="pager">
		  		
			</ul>
			<p id="page_info" class="page_info">显示第<span>0</span>到第<span>0</span>条记录,共<span>0</span>条</p>
	  	</div>
	    <!--  添加体系-->
	  	<div class="modal fade bs-example-modal-lg" id="modal_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
		        <h4 class="modal-title" id="myModalLabel">添加体系</h4>
		      </div>
		      <div class="modal-body">
				<form id="form_add" class="form-horizontal" role="form">
				  <input type="hidden" name="url" id="url">
				   <input type="hidden" name="url2" id="url2">
			         <div class="form-group">
							  <label class="col-sm-2 control-label required">大图片</label>
							  <div class="col-sm-2">
									<div id="container">
										<a id="selectfiles" href="javascript:void(0);">
											<img id="previewImg" width="126px" height="80px" src="resources/images/uploadPic2.png">
										</a>
									</div>								
							  </div>
							  <label class="col-sm-2 control-label required">小图片</label>
							  <div class="col-sm-2">
									<div id="container2">
										<a id="selectfiles2" href="javascript:void(0);">
											<img id="previewImg2" width="126px" height="80px" src="resources/images/uploadPic2.png">
										</a>
									</div>								
							  </div>							  
						  </div>
				  	  <div class="form-group">
						  <label class="col-sm-2 control-label required">名称</label>
						  <div class="col-sm-4">
						     <input type="text" name="add_hierName" placeholder="10个字符以内,如:建筑师" class="form-control" data-toggle="tooltip" data-placement="top" title="请输入不多于10个字符" >
						  </div>
						  <label class="col-sm-2 control-label required">体系标题</label>
						  <div class="col-sm-4">
						     <input type="text" name="add_title" placeholder="50个字符以内,如:相关资料汇总" class="form-control" data-toggle="tooltip" data-placement="top" title="请输入体系标题" >
						  </div>
					  </div>	
					  			  
				  	  <div class="form-group">
						  <label class="col-sm-2 control-label required">开始时间</label>
						  <div class="col-sm-4">
						     <input type="date" name="add_startTime" placeholder="开始时间" class="form-control" data-toggle="tooltip" data-placement="top" title="请选择开始时间" >
						  </div>
						  <label class="col-sm-2 control-label required">结束时间</label>
						  <div class="col-sm-4">
						     <input type="date" name="add_endTime" placeholder="结束时间" class="form-control" data-toggle="tooltip" data-placement="top" title="请选择结束时间" >
						  </div>
					  </div>
				  	  <div class="form-group">
						  <label class="col-sm-2 control-label required">简介</label>
						  <div class="col-sm-10">
						     <input type="text" name="add_introduction" placeholder="100个字符以内" class="form-control" data-toggle="tooltip" data-placement="top" title="请输入简介" >
						  </div>
					  </div>						  
				</form>
		      </div>
		      <div class="modal-footer">
					<button id="btn_confirm_add" type="button" class="btn btn-primary">确定</button>
		      </div>
		    </div>
	   </div>
	</div>
	
 </div>
  </body>
    	<script src="resources/js/lib/plupload-2.1.2/js/plupload.full.min.js" type="text/javascript" charset="utf-8"></script>
	 <script src="resources/js/upload.js" type="text/javascript" charset="utf-8"></script>
</html>